<script setup lang="ts">
import { useSystemStore } from '../stores/system'

const systemStore = useSystemStore()
</script>

<template>
  <view
    class="top-background"
    :style="{
      height: systemStore.statusBarHeight + 'px',
      background: `linear-gradient(to bottom, transparent, #fff ${systemStore.statusBarHeight}px), linear-gradient(to right,#beecd8 20%,#F4E2D8)`,
    }"
  />
</template>

<style scoped lang="scss">
.top-background {
  position: fixed;
  top: 0;
  width: 750rpx;
  background-color: aqua;
  z-index: 1000;
}
</style>
